<template>
	<view class="purchaseBox">
		<view class="purchaseTitle">订单提交成功</view>
		<view class="purchaseImg">
			<image src="/static/shop-zhifuchenggong.png" mode="heightFix" style="width: 300rpx;height: 300rpx;"></image>
		</view>
		<view class="info">商品将于3-7个工作日内发出，请注意及时查收商品</view>
		<button class="backBtn" @click="backToDetails">返回</button>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				test:'',
			}
		},
		onLoad: function (option) {
			// const item = JSON.parse(decodeURIComponent(option.item));
			console.log(option.id)
			this.test=option.id
		},
		methods:{
			backToDetails(){
				uni.navigateBack({
					delta: 2,
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.purchaseBox{
		display: flex;
		flex-direction: column;
		justify-content: center;
		
		.purchaseTitle{
			font-size: 20px;
			text-align: center;
			margin: 60rpx 0;
		}
		.purchaseImg{
			margin: auto;
			
			// border: 1px solid #e8e8e8;
		}
		.info{
			margin: 40rpx 0;
			text-align: center;
			font-size: 14px;
		}
		.backBtn{
			background-color: #1eae19;
			color: #fff;
			width: 50%;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 50rpx;
			margin: 20rpx auto;
		}
	}
	
</style>
